<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Dolteng Auto Generated</title>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="js/jquery.inputLabelDecorate.js"></script>
<script type="text/javascript">
         $(function(){
        	 //default
            $.inputLabelDecorate();

        	 //custom
            $.inputLabelDecorate(
            		{
            			targetInputClassName: 'inputLabelDecorate2',
            			toggleClassName : 'inputLabelDecorate2'
                    }
            );
         });
      </script>
<style type="text/css">
label.inputLabelDecorate {
 background-color: #ccf9b9;
 color: red;
}
label.inputLabelDecorate2 {
 background-color: #f9ccb9;
}
</style>
</head>
<body>
<h1>default</h1>

<div>
	<label>check1
	<input type="checkbox"  class="inputLabelDecorate" checked>
	</label>

	<label>check2
	<input type="checkbox"  class="inputLabelDecorate" >
	</label>

	<label for="ccc">check3</label>
	<input type="checkbox"  class="inputLabelDecorate"  id="ccc">
</div>

<div>
	<p class="sentaku">
	radio<br />
	<label for="yaku1"><input type="radio" id="yaku1" name="yaku" value="radio1"  class="inputLabelDecorate"  checked/>radio1</label><br />
	<input type="radio" id="yaku2" name="yaku" value="radio2" class="inputLabelDecorate" /><label for="yaku2">radio2</label><br />
	<input type="radio" id="yaku3" name="yaku" value="radio3" class="inputLabelDecorate" /><label for="yaku3">radio3</label><br />
	<input type="radio" id="yaku4" name="yaku" value="radio4" class="inputLabelDecorate" /><label for="yaku4">radio4</label><br />
	<label><input type="radio" id="yaku5" name="yaku" value="radio4" class="inputLabelDecorate"  />radio5</label><br />
	</p>
</div>

<h1>inputLabelDecorate2</h1>
<div>
	<label>check1
	<input type="checkbox"  class="inputLabelDecorate2" checked>
	</label>
	<label>check2
	<input type="checkbox"  class="inputLabelDecorate2">
	</label>
</div>

<div>
	<label for="yaku111"><input type="radio" id="yaku111" name="yaku111" value="radio111"  class="inputLabelDecorate2"  checked/>radio111</label><br />
	<label for="yaku112"><input type="radio" id="yaku112" name="yaku111" value="radio222"  class="inputLabelDecorate2" />radio222</label><br />
</div>


</body>
</html>